<template>
  <view class="box">
    <view class="head">
      <!-- #ifdef MP-WEIXIN -->
      <!-- #endif -->
       <!-- padding-top 必须所有情况都有，不然会与状态栏叠一起 -->
      <view
        :style="
          'padding-top:' +
          statusBarHeight1 +
          'px;' +
          paddingR
        "
      >
      </view>

      <view class="title">
        <image
          class="fanhui"
          @click="fanhui"
          src="https://pic.bangbangtongcheng.com/static/bbzc/left-btn.png"
          mode=""
        >
        </image>
        <view class="title-text">填写简历</view>
      </view>

      <!-- 步骤条 -->
      <view class="steps">
        <view class="step-item">
          <view class="step-item-box" v-if="stepStatus == 1">
            <image
              class="number-on"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step1-on.png"
              alt=""
            />
            <view class="name name-on">自我介绍</view>
          </view>
          <view class="step-item-box" v-if="stepStatus == 2 || stepStatus == 3">
            <image
              class="number-off"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step1-off.png"
              alt=""
            />
            <view class="name name-off">自我介绍</view>
          </view>
        </view>

        <view class="step-item">
          <view class="step-item-box" v-if="stepStatus == 1">
            <image
              class="number-off"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step2-off.png"
              alt=""
            />
            <view class="name name-off">意向收入</view>
          </view>
          <view class="step-item-box" v-if="stepStatus == 2">
            <image
              class="number-on"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step2-on.png"
              alt=""
            />
            <view class="name name-on">意向收入</view>
          </view>
          <view class="step-item-box" v-if="stepStatus == 3">
            <image
              class="number-off"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step1-off.png"
              alt=""
            />
            <view class="name name-off">意向收入</view>
          </view>
        </view>

        <view class="step-item">
          <view class="step-item-box" v-if="stepStatus == 1 || stepStatus == 2">
            <image
              class="number-off"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step3-off.png"
              alt=""
            />
            <view class="name name-off">发布简历</view>
          </view>
          <view class="step-item-box" v-if="stepStatus == 3">
            <image
              class="number-on"
              src="https://pic.bangbangtongcheng.com/static/bbzc/step3-on.png"
              alt=""
            />
            <view class="name name-on">发布简历</view>
          </view>
        </view>

        <view class="line">
          <view v-if="stepStatus == 1" class="bg bg1"></view>
          <view v-if="stepStatus == 2" class="bg bg2"></view>
          <view v-if="stepStatus == 3" class="bg bg3"></view>
        </view>
      </view>
    </view>

    <!-- 简历内容 -->
    <view class="content">
      <view>
        <view class="form-title">
          <span class="title-line"></span>
          <span v-if="stepStatus == 1">填写您的自我介绍</span>
          <span v-if="stepStatus == 2">选择您想工作的地区及目标收入</span>
          <span v-if="stepStatus == 3">填写您的毕业院校</span>
        </view>

        <form>
          <!-- 第1页 -->
          <view v-if="stepStatus == 1" class="form">
            <view class="form-item">
              <view>
                <view class="label" style="margin-bottom: 20rpx; padding-left: 5rpx">
                  头<span style="display: inline-block; width: 55rpx"></span>像：
                </view>
                <view class="des">上传真实头像，回复几率翻倍</view>
              </view>
              <view class="uploadPhotos" style="margin-left: auto">
                <imageUploadCropper
                  class="Photos"
                  v-model="headerImage"
                  :lengthNum="1"
                  selWidth="400rpx"
                  selHeight="400rpx"
                  addImgUrl="https://pic.bangbangtongcheng.com/static/bbzc/upload.png"
                  :ratio="1"
                >
                </imageUploadCropper>
              </view>
              <!-- <view>
              </view> -->
            </view>

            <view class="form-item">
              <span style="color: red">*</span>
              <span class="label" style="width: 140rpx">
                姓<span style="display: inline-block; width: 55rpx"></span>名：
              </span>
              <input
                type="text"
                v-model="curriculumVitae.realName"
                style="width: 100%"
                minlength="2"
                placeholder="请填写姓名，用于投递简历"
                placeholder-style="color: #ccc; font-size: 24rpx;"
                @input="changeInput"
              />
            </view>

            <view class="form-item">
              <span style="color: red">*</span>
              <span class="label" style="width: 140rpx">
                性<span style="display: inline-block; width: 55rpx"></span>别：
              </span>
              <span
                :class="curriculumVitae.sexualDistinction == 1 ? 'checked form-btn' : 'form-btn'"
                @click.stop="setSex(1)"
                style="margin-left: 0"
                >男</span
              >
              <span
                :class="curriculumVitae.sexualDistinction == 2 ? 'checked form-btn' : 'form-btn'"
                @click.stop="setSex(2)"
                >女</span
              >
            </view>

            <view class="form-item">
              <span style="color: red">*</span>
              <span class="label" style="width: 140rpx">求职状态：</span>
              <span
                :class="curriculumVitae.jobStatus == 1 ? 'checked form-btn' : 'form-btn'"
                style="margin-left: 0; width: 210rpx"
                @click.stop="setJobStatus(1)"
                >离职，随时到岗</span>
              <span
                :class="curriculumVitae.jobStatus == 2 ? 'checked form-btn' : 'form-btn'"
                style="width: 210rpx"
                @click.stop="setJobStatus(2)"
                >在职，考虑机会</span>
            </view>

            <view class="form-item" style="border-bottom: none;">
              <view class="picker-box flex">
                <view class="age" style="width: 50%;">
                  <view class="label">
                    <text style="color: transparent;">*</text>  出生年份：
                  </view>
                  <MyAge :value.sync="curriculumVitae.dateBirth" @changePicker="dateBirthChange"/>
                </view>
                <view class="work-hours" style="width: 50%;">
                  <view class="label">
                    参加工作时间：
                  </view>
                  <MyAge :value.sync="curriculumVitae.workingTime" />
                </view>
              </view>
            </view>
            <view class="step-btn" @click="stepOne">
              <span></span>
              {{ curriculumVitae.homeAddress ? '下一步' : '下一步：居住地址'}}
              <img
                class="arrow-right-white"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right-white.png"
                alt=""
              />
            </view>
          </view>

          <!-- 第2页 -->
          <view v-if="stepStatus == 2" class="form">
            <view class="form-item" style="align-items: flex-start">
              <view style="display: flex; align-items: flex-start;width: calc(100% - 30rpx);">
                <span class="label">现居地址：</span>
                <u--textarea
                  v-model="curriculumVitae.homeAddress"
                  class="ptneno"
                  style="width: calc(100% - 210rpx);"
                  border="none"
                  placeholder="请输入内容"
                  autoHeight
                  :maxlength="50"
                  @input="changeHomeAddress"
                  confirmType="done"
                ></u--textarea>
              </view>
              <image
                style="margin-top: 7rpx; margin-left: auto; width: 28rpx; height: 28rpx;"
                src="https://pic.bangbangtongcheng.com/static/bbzc/map.png"
                alt=""
                @click="getLocation"
              />
            </view>

            <view class="form-item" style="flex-wrap: wrap; justify-content: flex-start">
              <span class="label" style="width: 330rpx;margin: 0;">您希望的工作地区：</span>
              <!-- {{ districtOption }} -->
              <span
                v-for="(item, index) in districtOption"
                :key="item.index"
                :class="item.checked ? 'checked work-btn' : 'work-btn'"
                @click.stop="() => chooseDistrict(item, index)"
              >
                {{ item.label }}
              </span>
            </view>

            <view class="form-item" :key="jobTypeKey">
              <span style="color: red">*</span>
              <span class="label" style="width: 140rpx;">求职类型：</span>
              <span
                :class="curriculumVitae.jobType == '2' ? 'checked form-btn' : 'form-btn'"
                style="width: 180rpx"
                @click="setType('2')"
                >全职兼职均可</span
              >
              <span
                :class="curriculumVitae.jobType == '0' ? 'checked form-btn' : 'form-btn'"
                style="width: 120rpx"
                @click="setType('0')"
                >全职</span
              >
              <span
                :class="curriculumVitae.jobType == '1' ? 'checked form-btn' : 'form-btn'"
                style="width: 120rpx"
                @click="setType('1')"
                >兼职</span
              >
            </view>

            <view class="form-item" style="flex-flow: row nowrap;align-items: center;">
              <span class="label" style="">您的目标收入：</span>
              <view class="picker-box">
                <SalaryExpectation :value.sync="curriculumVitae.salaryExpectation" :select-list="salaryExp" />
              </view>
            </view>
            <view class="step-btn" @click="stepTwo">
              <span></span>
              下一步：选择意向职位
              <img
                class="arrow-right-white"
                src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right-white.png"
                alt=""
              />
            </view>
          </view>

          <!-- 第3页开始 -->
          <view v-if="stepStatus == 3" class="form">
            <view class="form-item">
              <span class="label">
                <span style="color: red">*</span>
                毕业院校：
              </span>
              <u-textarea
                v-model="schoolName"
                auto-height=""
                maxlength="19"
                confirmType="done"
                ref="schoolName"
                border="none"
                placeholder="请填写您的毕业院校"
                placeholderStyle="color: #ccc; font-size: 24rpx;"
              ></u-textarea>
            </view>

            <view class="form-item" style="border-bottom: none;">
              <view class="picker-box flex">
                <view class="age" style="width: 50%;">
                  <view class="label">
                    <text style="color: transparent;">*</text>学历：
                  </view>
                  <HighestEducation :value.sync="curriculumVitae.highestEducation" :select-list="type3" />

                </view>
                <view class="work-hours" style="width: 50%;">
                  <view class="label">
                    毕业时间：
                  </view>
                  <GraduationTime :value.sync="schoolHours" />
                </view>
              </view>
            </view>
          </view>
        </form>

        <view v-if="stepStatus == 3" class="form" style="margin-top: 20rpx;padding-bottom: 0;">
          <view class="form-item" style="flex-direction: column;border-bottom: none;">
            <view style="width: 100%; margin-bottom: 20rpx">
              <span style="color: red">*</span>
              <span class="label">自我介绍：</span>
            </view>
            <u-textarea
              v-model="curriculumVitae.introduction"
              style="width: 100%;border: none;"
              count
              :maxlength="60"
              confirmType="done"
              ref="textarea"
              :placeholder="describe"
              @blur="saveGraduationAcademy"
              placeholderStyle="color: #ccc; font-size: 24rpx;"
            ></u-textarea>
          </view>
        </view>

        <view v-if="stepStatus == 3" class="form" style="margin: 20rpx 0 60rpx">
          <view class="form-item" style="flex-direction: column; align-items: flex-start">
            <view class="label">当前简历对谁可见：</view>
            <view style="display: flex; align-items: center; margin-top: 15rpx; width: 100%">
              <span
                :class="curriculumVitae.visibleRange == '1' ? 'checked form-btn' : 'form-btn'"
                style="margin: 0; width: 170rpx"
                @click.stop="setVisibleRange('1')"
                >全部可见</span
              >
              <span
                :class="curriculumVitae.visibleRange == '2' ? 'checked form-btn' : 'form-btn'"
                style="margin: 0 0 0 20rpx; width: 230rpx"
                @click.stop="setVisibleRange('2')"
                >认证企业可见</span
              >
              <!-- <span :class="curriculumVitae.visibleRange == '3' ? 'checked form-btn' : 'form-btn'"
								style="margin:0;width: 250rpx;" @click.stop="setVisibleRange('招聘相应职位可见')">招聘相应职位可见</span> -->
            </view>
          </view>
        </view>

        
        <view v-if="stepStatus == 3" class="submit-box">
          <view v-if="stepStatus == 3" class="expirence" @click="toWorkExp(3)">
            <u-icon name="edit-pen-fill" color="#f06731" size="18"></u-icon>
            <span style="margin-left: 10rpx; font-size: 24rpx"
              >顺便填写最近一份工作经历，更受招聘者欢迎，只需2步</span
            >
            <img
              class="arrow-right"
              src="https://pic.bangbangtongcheng.com/static/bbzc/arrow-right.png"
              alt=""
            />
          </view>
          <view class="submit-txt">
            <span v-if="checked" class="checkbox agree" @click="changeAgree">
              <u-icon name="checkbox-mark" color="#fff" size="14"></u-icon>
            </span>
            <span v-else class="checkbox reject" @click="changeAgree"></span>
            <span @click="changeAgree">
              发布即默认同意 <span @click.stop="toUs(2)">《帮帮同城隐私政策》</span> 和
              <span @click.stop="toUs(3)">《帮帮同城用户协议》</span>
            </span>
          </view>
          <view class="submit-btn" @click="stepSubmit">确认发布</view>
        </view>
        <!-- 第3页结束 -->
      </view>
    </view>

    <uni-popup ref="binds" type="center" :mask-click="false">
      <view class="bindPublicSuccess_frame">
        <view class="binds_frame_t">
          <image src="https://pic.bangbangtongcheng.com/static/PublicButton/refresh.png"></image
          >简历发布成功，审核中...
        </view>
        <view class="binds_frame_c">信息审核通过后，可在“我的-完善简历”中继续完善</view>
      </view>
    </uni-popup>

    <!-- #ifdef MP-WEIXIN -->
    <cropper ref="croop" v-show="showCroop" :quality="1" resize: false :canScale="true"
    selWidth="250rpx" selHeight="350rpx" style='z-index:1000' @upload="myUpload" class="userHeader"
    />
    <!-- #endif -->
    <!-- #ifndef MP-WEIXIN-->
    <gmy-img-cropper
      ref="gmyImgCropper"
      quality="1"
      cropperType="ratio"
      :ratio="5 / 7"
      fileType="png"
      imgSrc=""
      style="z-index: 1000"
      @getImg="myUpload"
    >
    </gmy-img-cropper>
    <!-- #endif -->
    <!-- <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
			<div class="tips" @click.stop="aaa">
				<div class="text">
					为了保护您的合法权益，发布前请仔细阅读并同意以下协议:
					<view class="tags" @click="toUs(3)">
						《用户协议》
					</view>
					&
					<view class="tags" @click="toUs(2)">
						《隐私协议》
					</view>
				</div>
				<div class="btns">
					<div class="btn flex_center" @click="show2 = false">
						不同意
					</div>
					<div class="btn flex_center" @click="confirmClick">
						同意
					</div>
				</div>
			</div>
		</view> -->
  </view>
</template>
<script>
  //#ifdef H5
  import wxshare from '../../utils/index.js'
  //#endif
  import { mapGetters } from 'vuex'
  import cCircle from '../../components/circle.vue'
  //#ifdef MP-WEIXIN
  import cropper from '../../components/lxiaoxiao-cropper/lxiaoxiao-cropper.vue'
  //#endif
  // #ifndef MP-WEIXIN
  import gmyImgCropper from '../../components/gmy-img-cropper/gmy-img-cropper.vue'
  //#endif
  import imageUploadCropper from '@/components/imageUploadCropper.vue'
  import { district } from '@/util/enum.js'
  import customizePickerVue from '@/components/customize-picker/customize-picker.vue';
  import _ from 'lodash'
  import MyAge from '../sub-components/writeResume/my-age.vue';
  import SalaryExpectation from '../sub-components/writeResume/salary-expectation.vue';
  import HighestEducation from '../sub-components/writeResume/highest-education.vue';
  import GraduationTime from '../sub-components/writeResume/graduation-time.vue';

  export default {
    data() {
      const currentDate = this.getYear({
        format: true,
      })
      console.log('currentDate', currentDate)

      const pr = this.$menuBtnInfo.pr ? `padding-right: ${this.$menuBtnInfo.pr + 5}px;` : '';
      return {
        paddingR: pr,
        imgUrl: this.$imgSrc,
        userInfo: uni.getStorageSync('Pduser'),
        curriculumVitae: {
          id: '',
          publisherId: '', //发布人ID
          //resumeTitle: '', //简历标题
          myPhoto: '', //本人照片
          realName: '', //真实姓名
          sexualDistinction: '', //性别（1：男，2：女）
          jobStatus: '', //在职状态 *****
          //dateBirth: currentDate - 29, //出生年
          dateBirth: '1995', //出生年
          cellphoneNumber: '', //手机号
          //workingTime: currentDate - 6, //参加工作时间
          workingTime: '2018', //参加工作时间
          highestEducation: '本科', //最高学历
          graduationAcademy: '', //毕业院校
          workExperience: '', //工作经历
          homeAddress: '', //家庭地址
          longitude: '', //经度
          latitude: '', //纬度
          workLocation: '[]', // 工作地区 ******
          intendedPosition: '', //意向职位
          salaryExpectation: '5000元', //目标收入
          jobType: '', // 求职类型 *****
          introduction: '', // 自我介绍 *****
          personalAdvantages: '', //个人优势
          bonusItem: '', //加分项
          visibleRange: '2', //对谁可见（1-全部可见、2-认证企业可见、3-招聘相应职位可见）
        },
        salaryExpectationIndex: 4, // 默认希望收入值
        positionCategorys: '',
        headerImage: [],
        // 薪资
        minimumWage: '',
        maximumSalary: '',
        // 是否选择面议
        myChage: [],
        mianyi: '面议',
        // 协议
        checked: false,
        index: '',
        CustomBar1: '',
        anti_shake: false,
        timeDQ: '',
        // 是否选择面议
        myChage: [],
        mianyi: '面议',
        // 学历数据
        type3: [],
        type3_key: [],
        pickerInitR: 0,
        dateIndex: [0, 0],
        //毕业院校参数
        graduatedList: [],
        //工作经历参数
        workExperienceList: [],
        // 加分项参数
        bonusItem: {},
        // 小程序胶囊边距
        jnbj: 15,
        // 简历模板
        resumeTemplate: {
          enclosureWord: '',
          enclosurePdf: '',
          pictureAttachment: '',
        },
        // 小程序裁剪是否展示
        showCroop: false,
        show2: false,
        videoInfo: {},
        stepStatus: 1, // 步骤进度
        fileList1: [], // 头像
        sexStatus: null, // 性别
        districtOption: JSON.parse(JSON.stringify(district)), // 工作区域
        salaryExp: [], // 目标收入枚举
        endDate: Number(currentDate) - 17, // 出生日期最大可选年份
        jobTypeKey: 0,
        schoolName: '', // 毕业院校文本
        //schoolHours: `${currentDate-7}` + '-07', // 毕业时间
        schoolHours: '2017-07', // 毕业时间
        describe:
          '请简要介绍你的个人评价，让招聘者快速了解你。\n为了保护个人隐私，请勿在简介中填写电话、微信、邮\n箱等联系方式，否则其内容可能被删除或屏蔽。',
        origin: '', // 跳转来源
      }
    },
    computed: {
      ...mapGetters(['userid', 'islogin', 'statusBarHeight1', 'userinfo']),
    },

    components: {
      // #ifndef MP-WEIXIN
      gmyImgCropper,
      //#endif
      //#ifdef MP-WEIXIN
      cropper,
      //#endif
      imageUploadCropper,
      cCircle,
      customizePickerVue,
      MyAge,
      SalaryExpectation,
      HighestEducation,
      GraduationTime,
    },
    async onLoad(option) {
      this.origin = option.origin
      this.getType()
      await this.getDictionaryList()
      await this.init(option.id)
      this.curriculumVitae.cellphoneNumber = this.userInfo.phone
      this.curriculumVitae.publisherId = this.userInfo.id

      console.log('this.userInfo', this.userInfo)
      this.CustomBar1 = this.CustomBar
      // console.log(this.CustomBar1);
      /* #ifdef MP-WEIXIN */
      const res = uni.getMenuButtonBoundingClientRect()
      this.jnbj += res.width
      /* #endif */
      /* #ifdef H5 */
      this.jinzhi()
      /* #endif */

      if (option.stepStatus) {
        this.stepStatus = option.stepStatus
      }
    },
    methods: {
      init(id) {
        // 获取简历数据
        let data = {}
        if (id) {
          data = {
            id: id,
            // auditStatus:1,
            // shelfStatus:1,
          }
        } else {
          data = {
            publisherId: this.userInfo.id,
            // auditStatus:1,
            // shelfStatus: 0,
          }
        }

        this.$myRequest.get('/api/mobile/personnelOwner/getResumeDetails', data).then((res) => {
          if (res.biographicalNotesDetails) {
            let obj = res.biographicalNotesDetails
            const storeObj = uni.getStorageSync('curriculumVitae');
            // 如果没有缓存数据,则以接口数据为准
            this.curriculumVitae = {
              ...this.curriculumVitae,
              ...storeObj,
              ...obj,
            }
            // 缓存到Storage
            // uni.setStorageSync('curriculumVitae', this.curriculumVitae)
            // 回显需要特殊处理的表单数据
            this.echoData()
          } else {
            // 如果没有简历信息，获取个人认证信息
            this.personalAuthentication()
          }
        })
      },
      // 回显需要特殊处理的表单数据
      echoData() {
        console.log('this.curriculumVitae', this.curriculumVitae)
        // 回显头像
        if (this.curriculumVitae.myPhoto) {
          this.headerImage = [this.curriculumVitae.myPhoto]
        }
        // debugger;
        // 回显出生年份
        if (this.curriculumVitae.dateBirth) {
          console.log('this.curriculumVitae.dateBirth', this.curriculumVitae.dateBirth)
          let len = this.curriculumVitae.dateBirth.length
          if (len > 4) {
            this.curriculumVitae.dateBirth = this.curriculumVitae.dateBirth.slice(0, 4)
          }
        }
        // 回显参加工作时间
        if (this.curriculumVitae.workingTime) {
          let len = this.curriculumVitae.workingTime.length
          if (len > 4) {
            this.curriculumVitae.workingTime = this.curriculumVitae.workingTime.slice(0, 4)
          }
        }
        // 回显毕业院校、毕业时间、学历、自我介绍
        if (this.curriculumVitae.graduationAcademy) {
          const graduationAcademy = JSON.parse(this.curriculumVitae.graduationAcademy)
          console.log('graduationAcademy', graduationAcademy)
          if (graduationAcademy.schoolName) {
            this.schoolName = graduationAcademy.schoolName
          }
          if (graduationAcademy.schoolHours) {
            this.schoolHours = graduationAcademy.schoolHours
          }
          if (graduationAcademy.highestEducation) {
            this.curriculumVitae.highestEducation = graduationAcademy.highestEducation
          }
          if (graduationAcademy.introduction) {
            this.curriculumVitae.introduction = graduationAcademy.introduction
          }
        }
        // 回显意向职位
        if (this.curriculumVitae.intendedPosition) {
          this.curriculumVitae.intendedPosition = JSON.parse(this.curriculumVitae.intendedPosition)
        }
        // 回显意向工作地址
        if (this.curriculumVitae.workLocation) {
          let workLocation = null
          if (typeof this.curriculumVitae.workLocation == 'string') {
            workLocation = JSON.parse(this.curriculumVitae.workLocation)
            // 重置地区枚举
            this.districtOption = _.cloneDeep(district);
            // debugger;
            if (workLocation.length === 0) {
              workLocation = [
                {
                  label: '平度市',
                  checked: true,
                },
              ]
            } else {
              this.districtOption[0].checked = false;
            }
          }
          console.log('workLocation', workLocation)

          workLocation.length > 0 && this.districtOption.forEach(item => {
              const find = workLocation.find(v => v.label === item.label);
              find && find.checked !== item.checked && (item.checked = find.checked);
            })
        }
      },
      changeInput(e){
        const val = e.detail.value;
        const str = val.length > 6 ? val.slice(0,6) : val;
        let timeout = setTimeout(() => {
          this.$set(this.curriculumVitae,'realName',str);
          clearTimeout(timeout);
        },10)
      },
      // 获取个人认证信息
      personalAuthentication() {
        this.$myRequest
          .get('/api/mobile/personnelOwner/getPersonalAuthenticationByUserId', {
            userId: this.userInfo.id,
          })
          .then((res) => {
            if (res.personalCertification && res.personalCertification.auditStatus == 1) {
              // 有认证信息
              let obj = res.personalCertification
              this.curriculumVitae.realName = obj.realName
              this.curriculumVitae.sexualDistinction = obj.sexualDistinction
              this.curriculumVitae.dateBirth = obj.birthYears.slice(0, 4)
            }
          })
      },
      // 删除图片
      deletePic(event) {
        this[`fileList${event.name}`].splice(event.index, 1)
      },
      // 新增图片
      async afterRead(event) {
        // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
        let lists = [].concat(event.file)
        let fileListLen = this[`fileList${event.name}`].length
        lists.map((item) => {
          this[`fileList${event.name}`].push({
            ...item,
            status: 'uploading',
            message: '上传中',
          })
        })
        for (let i = 0; i < lists.length; i++) {
          const result = await this.uploadFilePromise(lists[i].url)
          let item = this[`fileList${event.name}`][fileListLen]
          this[`fileList${event.name}`].splice(
            fileListLen,
            1,
            Object.assign(item, {
              status: 'success',
              message: '',
              url: result,
            })
          )
          fileListLen++
        }
      },
      uploadFilePromise(url) {
        return new Promise((resolve, reject) => {
          let a = uni.uploadFile({
            url: 'http://192.168.2.21:7001/upload', // 仅为示例，非真实的接口地址
            filePath: url,
            name: 'file',
            formData: {
              user: 'test',
            },
            success: (res) => {
              setTimeout(() => {
                resolve(res.data.data)
              }, 1000)
            },
          })
        })
      },

      // 性别
      setSex(e) {
        this.curriculumVitae.sexualDistinction = e
      },

      // 对谁可见
      setVisibleRange(e) {
        this.curriculumVitae.visibleRange = e
      },
      // 保存院校数据
      saveGraduationAcademy() {
        let curriculumVitae = uni.getStorageSync('curriculumVitae')
        if (curriculumVitae) {
          const graduationAcademy = {
            schoolName: this.schoolName,
            schoolHours: this.schoolHours,
            highestEducation: this.curriculumVitae.highestEducation,
            introduction: this.curriculumVitae.introduction,
          }
          curriculumVitae.graduationAcademy = JSON.stringify(graduationAcademy)
          // console.log('curriculumVitae', curriculumVitae);
          uni.setStorageSync('curriculumVitae', curriculumVitae)
        }
      },
      // 跳转去填写工作经历
      toWorkExp() {
        if (!this.schoolName) {
          uni.showToast({
            title: '请填写毕业院校',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (!this.curriculumVitae.introduction) {
          uni.showToast({
            title: '请填写自我介绍',
            icon: 'none',
            mask: true,
          })
          return false
        }
        const graduationAcademy = {
          schoolName: this.schoolName,
          schoolHours: this.schoolHours,
        }
        const params = {
          graduationAcademy: JSON.stringify(graduationAcademy),
          highestEducation: this.curriculumVitae.highestEducation,
          introduction: this.curriculumVitae.introduction,
          visibleRange: this.curriculumVitae.visibleRange,
        }
        // 合并参数
        let curriculumVitae = uni.getStorageSync('curriculumVitae')
        let newCurriculumVitae = {
          ...curriculumVitae,
          ...params,
        }
        console.log('newCurriculumVitae1', newCurriculumVitae)

        // 存储到Storage
        uni.setStorageSync('curriculumVitae', newCurriculumVitae)
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/more/workExperience',
        })
      },
      // 获取年
      getYear(type) {
        const date = new Date()
        let year = date.getFullYear()
        if (type === 'start') {
          year = year - 60
        } else if (type === 'end') {
          year = year + 2
        }
        return year
      },
      dateBirthChange(value) {
        const hours = this.schoolHours.split('-');
        hours[0] = value * 1 + 22;
        this.schoolHours = hours.join('-');
        console.log(this.schoolHours);
      },
      // 第一步校验
      stepOne() {
        this.curriculumVitae.myPhoto = this.headerImage[0]
        if (
          !this.curriculumVitae.realName ||
          this.curriculumVitae.realName.length < 2 ||
          this.curriculumVitae.realName.length > 6
        ) {
          uni.showToast({
            title: '请填写2-6位真实姓名',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (!this.curriculumVitae.sexualDistinction) {
          uni.showToast({
            title: '请选择性别',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (!this.curriculumVitae.jobStatus) {
          uni.showToast({
            title: '请选择求职状态',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (this.origin == '3') {
          console.log('origin', this.origin)
          // 如果是完善简历跳转过来的，选完参加工作时间就跳转回完善简历
          uni.navigateTo({
            url: '/pages_recruitMoney/publish/perfectResume',
          })
        } else {
          // 保存
          this.Drafts(1)
        }
      },

      //选择现居地址
      changeHomeAddress(e) {
        if (e) {
          this.curriculumVitae.homeAddress = e
        }
      },
      // 选择工作地区
      chooseDistrict(v, i) {
        const checkedItems = this.districtOption.filter((item) => item.checked)
        const count = checkedItems.length
        if (v.checked) {
          if (count === 1) {
            // 只有一个不可取消
            uni.showToast({
              title: '请至少选择1个地区',
              icon: 'none',
              mask: true,
            })
            return false;
          }
          this.districtOption[i].checked = false
        } else {
          if (count < 3) {
            v.checked = true
            this.districtOption[i].checked = true
          } else {
            uni.showToast({
              title: '最多选择3个',
              icon: 'none',
              mask: true,
            })
          }
        }
      },
      // 获取目标收入列表
      getDictionaryList(e) {
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: 10,
          })
          .then((res) => {
            this.salaryExp = res.dataDictionaryList
          })
      },
      // 在职状态
      setJobStatus(e) {
        this.curriculumVitae.jobStatus = e
      },
      // 求职类型
      setType(e) {
        this.curriculumVitae.jobType = e
        this.jobTypeKey++
      },
      // 第二部校验
      stepTwo() {
        if (!this.curriculumVitae.jobType) {
          uni.showToast({
            title: '请选择求职类型',
            icon: 'none',
            mask: true,
          })
          return false
        }
        const districtOption = this.districtOption.filter((item) => item.checked)
        this.curriculumVitae.workLocation = JSON.stringify(districtOption)
        // 保存
        this.Drafts(2)
      },
      // 同意隐私政策和用户协议
      changeAgree() {
        this.checked = !this.checked
      },
      // 第三步校验
      stepSubmit() {
        if (!this.schoolName) {
          uni.showToast({
            title: '请选择毕业院校',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (!this.curriculumVitae.introduction) {
          uni.showToast({
            title: '请填写自我介绍',
            icon: 'none',
            mask: true,
          })
          return false
        }
        if (!this.checked) {
          uni.showToast({
            title: '请勾选同意隐私政策和用户协议',
            icon: 'none',
            mask: true,
          })
          return false
        }
        // 保存
        this.Drafts(3)
      },
      // 保存草稿
      Drafts(step) {
        console.log('step', step)
        let that = this
        if (this.anti_shake) {
          return false
        }
        // this.curriculumVitae.id = this.voitureId ? this.voitureId : ""
        // this.curriculumVitae.publisherId = this.userInfo.id

        let params = {}
        params.publisherId = this.userInfo.id
        params.id = this.curriculumVitae.id
        // 第1步保存
        if (step == 1) {
          params = {
            publisherId: this.userInfo.id,
            myPhoto: this.headerImage[0],
            realName: this.curriculumVitae.realName,
            sexualDistinction: this.curriculumVitae.sexualDistinction,
            jobStatus: this.curriculumVitae.jobStatus,
            dateBirth: this.curriculumVitae.dateBirth,
            workingTime: this.curriculumVitae.workingTime,
            schoolHours: this.schoolHours,
          }
          // 合并参数
          let curriculumVitae = uni.getStorageSync('curriculumVitae');
          const newCurriculumVitae = {
            ...curriculumVitae,
            ...params,
          }
          // 存储到Storage
          uni.setStorageSync('curriculumVitae', newCurriculumVitae);
          if (that.curriculumVitae.homeAddress && that.curriculumVitae.latitude) {
            // 进入第2步
            that.stepStatus = 2
          } else {
            // 调用地图
            that.getLocation();
          }
        } else if (step == 2) {
          // 第2步保存
          params = {
            homeAddress: this.curriculumVitae.homeAddress,
            longitude: this.curriculumVitae.longitude,
            latitude: this.curriculumVitae.latitude,
            workLocation: this.curriculumVitae.workLocation,
            salaryExpectation: this.curriculumVitae.salaryExpectation,
            jobType: this.curriculumVitae.jobType,
          }
          // 合并参数
          let curriculumVitae = uni.getStorageSync('curriculumVitae')
          const newCurriculumVitae = {
            ...curriculumVitae,
            ...params,
          }
          // 存储到Storage
          uni.setStorageSync('curriculumVitae', newCurriculumVitae)

          // 求职类型：1-全职兼职均可，全职 ，2-兼职
          let index = '1' // 1-全职兼职均可，全职
          if (newCurriculumVitae.jobType == '1') {
            index = '2' // 兼职
          }
          // 跳转到选择职位
          uni.navigateTo({
            url: `/pages_recruitMoney/recruitmentInformation/selectPositionCategoryResume?origin=1&index=${index}`,
          })
        } else if (step == 3) {
          // 确认发布
          const graduationAcademy = {
            schoolName: this.schoolName,
            schoolHours: this.schoolHours,
          }
          params = {
            graduationAcademy: JSON.stringify(graduationAcademy),
            highestEducation: this.curriculumVitae.highestEducation,
            introduction: this.curriculumVitae.introduction,
            visibleRange: this.curriculumVitae.visibleRange,
          }
          // 合并参数
          let curriculumVitae = uni.getStorageSync('curriculumVitae')
          let newCurriculumVitae = {
            ...curriculumVitae,
            ...params,
          }
          console.log('newCurriculumVitae1', newCurriculumVitae)

          // 出生年份
          if (newCurriculumVitae.dateBirth) {
            let len = newCurriculumVitae.dateBirth.length
            if (len == 4) {
              newCurriculumVitae.dateBirth = `${curriculumVitae.dateBirth}-01-01`
            }
          }
          // 参加工作时间
          if (newCurriculumVitae.workingTime) {
            let len = newCurriculumVitae.workingTime.length
            if (len == 4) {
              newCurriculumVitae.workingTime = `${curriculumVitae.workingTime}-01-01`
            }
          }

          // 存储到Storage
          uni.setStorageSync('curriculumVitae', newCurriculumVitae)
          // newCurriculumVitae.intendedPosition = JSON.stringify(curriculumVitae.intendedPosition)

          console.log('newCurriculumVitae2', newCurriculumVitae)

          // 确认发布
          this.anti_shake = true
          newCurriculumVitae.auditNum = 1 // 1 - 第一次填写简历 2 - 第n次完善简历
          this.$myRequest
            .post('/api/mobile/personnelOwner/publishOrEditResume', newCurriculumVitae)
            .then((res) => {
              if (res.code == 200) {
                this.$refs.binds.open()
                setTimeout(() => {
                  this.$refs.binds.close()
                  uni.switchTab({
                    url: '/pages/my/index',
                  })
                }, 3000)
                setTimeout(() => {
                  this.anti_shake = false
                }, 500)
              }
            })
        }
      },
      // 打开地图
      openMap() {
        let that = this;
        console.log('that.curriculumVitae.latitude,', that.curriculumVitae.latitude)
        uni.chooseLocation({
          latitude: that.curriculumVitae.latitude || '',
          longitude: that.curriculumVitae.longitude || '',
          address: that.curriculumVitae.homeAddress || '',
          success: function (res) {
            console.log('res', res)
            that.curriculumVitae.homeAddress = res.address
            that.curriculumVitae.latitude = res.latitude
            that.curriculumVitae.longitude = res.longitude
            // 进入第2步
            that.stepStatus = 2
          },
        })
      },
      // 获取地图权限
      async getLocation() {
        let that = this
		    that.getLocation1()
      },
      getLocation1() {
        let _this = this
        uni.getLocation({
          type: 'gcj02',
          highAccuracyExpireTime: '3000',
          success(res) {
            _this.curriculumVitae.latitude = res.latitude
            _this.curriculumVitae.longitude = res.longitude
            _this.openMap()
          },
          fail:(res) => {
            console.log(res, '经纬度没有授权');
            this.$SHOWMODAL_TO_SETTINGS();
            uni.setStorageSync('locationState', 0)
            if (uni.getStorageSync('locationState') == 0) {
              return false
            }
          },
        })
      },
      // 获取学历类型
      getType() {
        let that = this
        this.$myRequest
          .get('/api/mobile/personnelOwner/queryDataDictionaryList', {
            type: '3',
          })
          .then((res) => {
            let type = []
            res.dataDictionaryList.forEach((el) => {
              if (el.type == 3) {
                type.push(el.valueName)
              }
            })
            this.type3.push(...type)
          })
      },
      dateChange(e) {
        this.dateIndex = e.target.value
        this.curriculumVitae.highestEducation = `${this.type3[0][this.dateIndex[0]] || ''}`
      },
      pickerColumnDept(e) {
        //暂时隐藏统招和非统招
        return
        // if (e.detail.column == 0) {
        // 	let arr = []
        // 	arr = this.type3_key[e.detail.value]
        // 	this.$set(this.type3, 1, arr)
        // 	this.dateIndex[0] = e.detail.value
        // 	this.dateIndex[1] = this.pickerInitR
        // 	let timern = setTimeout(() => {
        // 		this.dateIndex[1] = 0
        // 		clearTimeout(timern);
        // 	}, 100)
        // } else {
        // 	this.pickerInitR = e.detail.value;
        // 	this.dateIndex[1] = e.detail.value;
        // }
      },
      // 选择毕业时间
      changeSchoolHours(e) {
        this.schoolHours = e.detail.value
      },
      // 返回
      fanhui() {
        console.log('status', this.stepStatus);
        const graduationAcademy = {
          schoolName: this.schoolName,
          schoolHours: this.schoolHours
        }
        this.curriculumVitae.intendedPosition = JSON.stringify(this.curriculumVitae.intendedPosition);
        this.curriculumVitae.graduationAcademy = JSON.stringify(graduationAcademy);
        // 存储到Storage
        uni.setStorageSync('curriculumVitae', this.curriculumVitae);
        if (this.stepStatus == 1) {
          // uni.switchTab({
          //   url: `/pages/my/index`,
          // })
          uni.navigateBack({
          	delta: 1
          });
        } else {
           if (this.stepStatus == 3) {
            // 求职类型：1-全职兼职均可，全职 ，2-兼职
            let index = '1' // 1-全职兼职均可，全职
            if (this.curriculumVitae.jobType == '1') {
              index = '2' // 兼职
            }
            // 跳转到选择职位
            // uni.navigateTo({
            //   url: `/pages_recruitMoney/recruitmentInformation/selectPositionCategoryResume?origin=1&index=${index}`,
            // })
            uni.navigateBack({
              delta: 1
            });
          }
          this.stepStatus = this.stepStatus - 1;
          // uni.navigateTo({
          // 	url: `/pages_recruitMoney/publish/writeResume?stepStatus=${this.stepStatus - 1}`
          // })
        }
      },

      // 旧代码-----------------------
      // confirmClick() {
      // 	this.checked = true;
      // 	this.show2 = false;
      // 	this.release()
      // },

      // 处理毕业院校数据
      revisebyyx(i, j = 0) {
        uni.setStorageSync('byyx_key', i)
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/more/universityGraduated?index=' + j,
        })
      },
      removebyyx(index) {
        let that = this
        uni.showModal({
          title: '提示',
          content: '是否移除该内容！',
          success: function (res) {
            if (res.confirm) {
              that.graduatedList.splice(index, 1)
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      // 处理工作经历数据
      revisegzjl(i, j) {
        uni.setStorageSync('gzjl_key', i)
        uni.navigateTo({
          url: '/pages_recruitMoney/publish/more/workExperience?index=' + j,
        })
      },
      removegzjl(index) {
        let that = this
        uni.showModal({
          title: '提示',
          content: '是否移除该内容！',
          success: function (res) {
            if (res.confirm) {
              that.workExperienceList.splice(index, 1)
            } else if (res.cancel) {
              console.log('用户点击取消')
            }
          },
        })
      },
      positionCategory() {
        uni.setStorageSync('zwlbss_key', [])
        uni.navigateTo({
          url: '/pages_recruitMoney/recruitmentInformation/selectPositionCategoryResume?index=1',
        })
      },

      tabClickkj(index) {
        this.curriculumVitae.visibleRange = index
      },
      queding() {
        this.$refs.binds.close()
        // uni.navigateBack({
        // 	delta: 1
        // });
      },
      // 金额校验
      inputChage1(e) {
        let length = 7
        // 数值中转
        let temp = e.target.value
        //  正则限制 3.. 以及 3.3.3的情况
        if (temp) {
          temp = temp
            .replace(/[^0-9.]|^\.|\.{2,}/g, '')
            .replace('.', '$#$')
            .replace(/\./g, '')
            .replace('$#$', '.')
          const point = temp.split('.')
          let decimals // 整数部分
          let positiveInteger // 小数部分
          // 先处理整数部分
          if (point[0]) {
            decimals = point[0].length > length ? point[0].slice(0, length) : point[0]
          }
          if (point[0].length > 1 && point[0].slice(0, 1) == '0') {
            decimals = point[0].slice(1, 2)
          }
          //  处理小数部分
          if (temp.includes('.')) {
            positiveInteger = point[1].length > 2 ? point[1].slice(0, 2) : point[1]
            temp = positiveInteger ? `${decimals}.${positiveInteger}` : `${decimals}.`
          } else {
            temp = decimals
          }
        }
        this.$nextTick(function () {
          this.minimumWage = temp
        })
      },
      inputChage2(e) {
        let length = 7
        // 数值中转
        let temp = e.target.value
        //  正则限制 3.. 以及 3.3.3的情况
        if (temp) {
          temp = temp
            .replace(/[^0-9.]|^\.|\.{2,}/g, '')
            .replace('.', '$#$')
            .replace(/\./g, '')
            .replace('$#$', '.')
          const point = temp.split('.')
          let decimals // 整数部分
          let positiveInteger // 小数部分
          // 先处理整数部分
          if (point[0]) {
            decimals = point[0].length > length ? point[0].slice(0, length) : point[0]
          }
          if (point[0].length > 1 && point[0].slice(0, 1) == '0') {
            decimals = point[0].slice(1, 2)
          }
          //  处理小数部分
          if (temp.includes('.')) {
            positiveInteger = point[1].length > 2 ? point[1].slice(0, 2) : point[1]
            temp = positiveInteger ? `${decimals}.${positiveInteger}` : `${decimals}.`
          } else {
            temp = decimals
          }
        }
        this.$nextTick(function () {
          this.maximumSalary = temp
        })
      },

      jinzhi() {
        let _this = this
        let param = window.location.href.split('#')[0]
        uni.request({
          method: 'post',
          data: {
            url: param,
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          url: 'https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do',
          success(re) {
            _this.jinzhifx(re.data)
          },
        })
      },
      jinzhifx(data) {
        wxshare.config({
          debug: false, //是否打开调试
          appId: data.appId, // 公众号的唯一标识
          timestamp: data.timestamp, // 生成签名的时间戳
          nonceStr: data.nonce, // ，生成签名的随机串
          signature: data.signature, // 签名
          jsApiList: ['hideMenuItems'],
        })
        // 禁止分享
        wxshare.hideMenuItems({
          // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
          menuList: [
            'menuItem:share:appMessage',
            'menuItem:share:timeline',
            'menuItem:share:timeline',
            'menuItem:share:qq',
            'menuItem:favorite',
            'menuItem:share:QZone',
            'menuItem:openWithSafari',
          ],
        })
      },
      toUs(type) {
        uni.navigateTo({
          url: '/pages_my/Us?type=' + type,
        })
      },
      xiaoqu() {
        let _this = this
        uni.request({
          url: 'https://apis.map.qq.com/ws/place/v1/suggestion',
          method: 'get',
          data: {
            keyword: this.cellName,
            region: '山东省青岛市平度市',
            region_fix: 1,
            key: 'OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77',
          },
          header: {
            'content-type': 'application/x-www-form-urlencoded',
          },
          success(res) {
            console.log(res)
          },
        })
      },
      // 标题图片裁剪
      ViewImagefm(e) {
        uni.previewImage({
          urls: this.headerImage,
          current: e.currentTarget.dataset.url,
        })
      },
      DelImgfm(e) {
        uni.showModal({
          title: '',
          content: '确定要删除图片？',
          cancelText: '取消',
          confirmText: '确定',
          success: (res) => {
            if (res.confirm) {
              this.headerImage.splice(e.currentTarget.dataset.index, 1)
            }
          },
        })
      },
      async ChooseImages(menthType, type) {
        // #ifdef APP-PLUS
        this.otherChooseImage()
        //  #endif
        // #ifndef APP-PLUS
        if (menthType == 4) {
          this.otherChooseImage()
        }
        //  #endif
      },
      otherChooseImage() {
        // #ifdef MP-WEIXIN
        this.showCroop = true
        this.$refs.croop.fSelect()
        //  #endif
        // #ifndef MP-WEIXIN
        this.$refs.gmyImgCropper.chooseImage()
        //  #endif
      },
      myUpload(rsp) {
        let filePath = ''
        // #ifndef MP-WEIXIN
        filePath = rsp
        // #endif
        // #ifdef MP-WEIXIN
        filePath = rsp.path
        this.showCroop = false
        //  #endif
        var _this = this
        this.headerImage = []
        var uper
        uni.showToast({
          title: '正在上传请稍后',
          icon: 'none',
          duration: 2000,
        })
        _this.videoInfo = {
          progress: 0,
          isShow: true,
        }
        uper = uni.uploadFile({
          // 需要上传的地址
          url: 'https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload',
          // filePath 需要上传的文件
          filePath: filePath,
          name: 'file',
          success(res1) {
            _this.headerImage.push(JSON.parse(res1.data).data[0].url)
            setTimeout(() => {
              _this.videoInfo.isShow = false
            }, 2000)
          },
        })
        // onProgressUpdate 上传对象更新的方法
        uper.onProgressUpdate(function (res) {
          _this.videoInfo.progress = res.progress
        })
      },
    },
  }
</script>
<style lang="less" scoped>
  .box {
    padding-bottom: 200rpx;
    min-height: 100vh;
    background-color: #f5f7f9;
    box-sizing: border-box;
    overflow: hidden;

    .head {
      padding: 20rpx;
      width: 100%;
      z-index: 1000;
      background: url('https://pic.bangbangtongcheng.com/static/bbzc/resume-title-bg.png') center
        no-repeat;
      background-size: 100% 100%;
      border-bottom-left-radius: 25rpx;
      border-bottom-right-radius: 25rpx;
      box-shadow: 5rpx 0rpx 15rpx 12rpx #eee;

      .title {
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 60rpx;
      }

      .fanhui {
        width: 30rpx;
        height: 30rpx;
      }

      .title-text {
        margin-left: 10rpx;
        font-size: 32rpx;
        font-weight: 500;
        color: #000;
      }

      .head_right {
        font-size: 30rpx;
        font-weight: 400;
        color: #ffffff;
      }

      .steps {
        padding: 10rpx 30rpx 0 30rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;

        .step-item {
          .step-item-box {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 110rpx;
            height: 120rpx;
            z-index: 3;
          }

          .number-on {
            width: 110rpx;
            height: 110rpx;
          }

          .number-off {
            width: 90rpx;
            height: 90rpx;
          }

          .name {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 24rpx;
          }

          .name-on {
            color: #333;
          }

          .name-off {
            color: #999999;
          }
        }

        .line {
          position: absolute;
          top: 55rpx;
          left: 0;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          z-index: 0;

          .bg {
            width: 550rpx;
            height: 10rpx;
          }

          .bg1 {
            background: rgba(0, 0, 0, 0.1);
          }

          .bg2 {
            background: linear-gradient(
              to right,
              #e7f5f4 0%,
              #64b6a8 50%,
              #e7f5f4 50%,
              #e7f5f4 100%
            );
          }

          .bg3 {
            background: linear-gradient(to right, #e7f5f4 0%, #64b6a8 100%);
          }
        }
      }
    }

    .content {
      margin: 20rpx;

      .form-title {
        margin-bottom: 20rpx;
        display: flex;
        align-items: center;
        font-size: 32rpx;
        color: #000;
        font-weight: 500;

        .title-line {
          margin-right: 10rpx;
          display: inline-block;
          width: 8rpx;
          height: 32rpx;
          background: #0fa291;
          border-radius: 4rpx;
        }
      }


      .picker-box {
        width: 100%;
        ::v-deep {
          .picker-view-box .picker-view .mask_class {
            background-image: linear-gradient(rgba(255,255,255, 0.95), rgba(255,255,255, 0.6)), linear-gradient(0deg, rgba(255,255,255, 0.95), rgba(255,255,255, 0.6));
          }
        }
      }
      .form {
        padding: 0 20rpx 20rpx;
        background: #fff;
        border-radius: 20rpx;

        .form-item {
          position: relative;
          padding: 30rpx 0;
          display: flex;
          justify-content: start;
          align-items: center;
          border-bottom: 1rpx solid #ebebed;

          .label {
            margin-right: 20rpx;
            min-width: 140rpx;
            width: 190rpx;
            font-size: 28rpx;
            white-space: nowrap;
            color: #333;
          }

          .arrow-right {
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 28rpx;
            height: 28rpx;
          }

          /deep/ .uni-input-input {
            width: 440rpx;
            font-size: 28rpx;
          }

          ::v-deep .u-textarea.ptneno {
            padding: 0 10rpx 8rpx;
          }
          /deep/ .u-textarea {
            max-height: 144rpx;
            padding: 8rpx 10rpx;
            width: 100%;
            overflow: hidden;
          }
          /deep/ .u-textarea__count {
            bottom: 10rpx;
            padding: 5rpx 13rpx;
            background-color: #ebebed !important;
          }

          .des {
            font-size: 24rpx;
            color: #ccc;
          }

          .text {
            width: 454rpx;
            max-height: 84rpx;
            color: #000;
            font-weight: 400;
            font-size: 28rpx;
            overflow-y: auto;
          }

          .uploadPhotos {
            height: 152rpx;
            width: 152rpx;
            .Photos {
              position: relative;

              ::v-deep .solids {
                width: 100%;
                height: 100%;
                margin: 0;

                &::after {
                  border: none;
                }
              }

              ::v-deep .grid.grid-square {
                height: 100%;

                .bg-img {
                  width: 100%;
                  height: 100%;
                  margin-bottom: 0;
                  margin-right: 0;
                  padding-bottom: 0;
                  box-shadow: none;

                  img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                    box-shadow: 0px 0px 6px 1px rgba(67, 67, 67, 0.16);
                  }
                }
              }

              .colse {
                position: absolute;
                top: 0;
                right: 0;
                background-color: #f0f0f0;
                border-radius: 0 8rpx 0 8rpx;
              }

              .Photos_close {
                border-bottom-left-radius: 6rpx;
                padding: 6rpx 12rpx;
                height: auto;
                background-color: rgba(0, 0, 0, 0.5);
                color: #fff;
                position: absolute;
                top: 0;
                right: 0;
              }

              .cCircle {
                // background: rgba(0,0,0,0.5);
                width: 120rpx;
                height: 120rpx;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }

              .maskimg {
                background: rgba(0, 0, 0, 0.5);
                width: 100%;
                height: 100%;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
              }

              .hide1 {
                animation: change 3s;
              }

              @keyframes change {
                0% {
                  opacity: 1;
                }

                100% {
                  opacity: 0;
                }
              }
            }

            .zhaop {
              width: 152rpx;
              height: 152rpx;
              background-color: #ffffff;
              border-radius: 8rpx;
              border: 1px solid #e0e0e0;
              display: flex;
              align-items: center;
              justify-content: center;

              .image {
                width: 48rpx;
                height: 48rpx;
              }
            }
          }

          .form-btn {
            margin: 0 10rpx;
            display: inline-block;
            width: 158rpx;
            height: 48rpx;
            line-height: 48rpx;
            text-align: center;
            font-size: 24rpx;
            color: #666;
            background: #fff;
            border: 1rpx solid #999;
            border-radius: 13rpx;
          }

          .work-btn {
            margin: 10rpx;
            display: inline-block;
            width: 140rpx;
            height: 60rpx;
            line-height: 60rpx;
            text-align: center;
            font-size: 24rpx;
            color: #666;
            background: #fff;
            border: 1rpx solid #999;
            border-radius: 13rpx;
          }

          .checked {
            position: relative;
            color: #0fa291;
            border: 1rpx solid #64b6a8;
            background: #e7f5f4;

            &:after {
              content: '';
              position: absolute;
              bottom: 0;
              right: 0;
              width: 28rpx;
              height: 28rpx;
              background: url('https://pic.bangbangtongcheng.com/static/bbzc/checked-tag.png')
                center no-repeat;
              background-size: 100% 100%;
            }
          }
        }

        .step-btn {
          position: fixed;
          bottom: 40rpx;
          left: 50%;
          transform: translateX(-50%);
          padding: 0 20rpx;
          width: 710rpx;
          height: 100rpx;
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 32rpx;
          font-weight: 500;
          color: #fff;
          background: #0fa291;
          border-radius: 50rpx;
          z-index: 3;

          .arrow-right-white {
            width: 28rpx;
            height: 28rpx;
          }
        }
      }

      .expirence {
        // margin-top: 20rpx;
        padding: 0 20rpx;
        width: 100%;
        height: 50rpx;
        display: flex;
        align-items: center;
        background: #fceeeb;
        border-radius: 10rpx;

        .arrow-right {
          margin-left: auto;
          width: 26rpx;
          height: 26rpx;
        }
      }

      .submit-box {
        position: fixed;
	      padding-bottom: calc(env(safe-area-inset-bottom) / 2 + 20rpx);
        bottom: 0;
        left: 0;
        width: 100%;
        height: 250rpx;
        background: #F5F7F9;

        .submit-txt {
          margin: 20rpx 0;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          font-size: 24rpx;

          .checkbox {
            margin-right: 10rpx;
            width: 28rpx;
            height: 28rpx;
            border-radius: 8rpx;
          }

          .agree {
            display: flex;
            justify-content: center;
            align-items: center;
            background: #0fa291;
            border: 1rpx solid #0fa291;
          }

          .reject {
            background: #ddd;
            border: 1rpx solid #999;
          }
        }

        .submit-btn {
          margin: 0 auto;
          width: 710rpx;
          text-align: center;
          line-height: 100rpx;
          font-size: 32rpx;
          font-weight: 500;
          color: #fff;
          background: #0fa291;
          border-radius: 50rpx;
        }
      }
    }
  }

  .salary {
    flex: 1;
    display: flex;
    align-items: center;
    padding-right: 40rpx;

    .salary_input {
      width: 150rpx;
      height: 60rpx;
      padding: 10rpx;
      border-radius: 8rpx;
      border: 1px solid #999999;
    }

    .salary_span {
      font-size: 34rpx;
      font-weight: normal;
      color: #333333;
      margin: 0 14rpx;
    }
  }

  .background {
    background-color: #fff;
  }

  .image_yjt {
    width: 48rpx;
    height: 48rpx;
  }

  .kjRadio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 0 40rpx;

    .radio {
      display: flex;
      align-items: center;
      margin-right: 40rpx;
      margin-bottom: 20rpx;

      .radio_item {
        width: 36rpx;
        height: 36rpx;
        border: 1px solid #c9c9c9;
        border-radius: 36rpx;
        margin-right: 14rpx;
      }

      span {
        font-size: 34rpx;
        font-weight: normal;
        color: #333333;
      }

      .radioxz {
        border: 1px solid #64b6a8;
        position: relative;
      }

      .radioxz::before {
        content: '';
        width: 24rpx;
        height: 24rpx;
        border-radius: 24rpx;
        background-color: #64b6a8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }

  .xbRadio {
    flex: 1;
    display: flex;
    align-items: center;

    .radio {
      width: 130rpx;
      display: flex;
      align-items: center;

      .radio_item {
        width: 36rpx;
        height: 36rpx;
        border: 1px solid #c9c9c9;
        border-radius: 36rpx;
        margin-right: 14rpx;
      }

      span {
        font-size: 28rpx;
        font-weight: 500;
        color: #333333;
      }

      .radioxz {
        border: 1px solid #64b6a8;
        position: relative;
      }

      .radioxz::before {
        content: '';
        width: 24rpx;
        height: 24rpx;
        border-radius: 24rpx;
        background-color: #64b6a8;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }

    .xzsj {
      flex: 1;
      display: flex;
      align-items: center;

      uni-picker {
        width: unset;
        border: 1px solid #999999;
        height: 60rpx;
        border-radius: 8rpx;
      }
    }
  }

  .resumePhoto {
    background-color: #ffffff;
    display: flex;
    min-height: 50px;
    align-items: unset;
    justify-content: unset;
    padding: 24rpx 30rpx;

    .scphoto {
      display: flex;
      align-items: flex-end;

      .span {
        font-size: 24rpx;
        font-weight: normal;
        color: #999999;
        margin-left: 12rpx;
      }

      .uploadPhotos {
        height: 152rpx;
        width: 152rpx;

        .Photos {
          height: 152rpx;
          width: 152rpx;
          position: relative;

          .image {
            width: 100%;
            height: 100%;
          }

          ::v-deep .solids {
            width: 100%;
            height: 100%;
            margin: 0;
          }

          ::v-deep .grid.grid-square {
            height: 100%;

            .bg-img {
              width: 100%;
              height: 100%;
            }
          }

          .colse {
            position: absolute;
            top: 0;
            right: 0;
            background-color: #f0f0f0;
            border-radius: 0 8rpx 0 8rpx;
          }

          .Photos_close {
            border-bottom-left-radius: 6rpx;
            padding: 6rpx 12rpx;
            height: auto;
            background-color: rgba(0, 0, 0, 0.5);
            color: #fff;
            position: absolute;
            top: 0;
            right: 0;
          }

          .cCircle {
            // background: rgba(0,0,0,0.5);
            width: 120rpx;
            height: 120rpx;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .maskimg {
            background: rgba(0, 0, 0, 0.5);
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
          }

          .hide1 {
            animation: change 3s;
          }

          @keyframes change {
            0% {
              opacity: 1;
            }

            100% {
              opacity: 0;
            }
          }
        }

        .zhaop {
          width: 152rpx;
          height: 152rpx;
          background-color: #ffffff;
          border-radius: 8rpx;
          border: 1px solid #e0e0e0;
          display: flex;
          align-items: center;
          justify-content: center;

          .image {
            width: 48rpx;
            height: 48rpx;
          }
        }
      }
    }
  }

  /deep/ .uni-select {
    padding-left: 0;
    padding: 0 8rpx;
    font-size: 24rpx;
    text-align: center;
  }

  .cu-dialog {
    max-width: 100%;
    width: 600rpx;
  }

  .tittit {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #f8f8f8;
    z-index: 9999;
    max-width: 100%;
    width: 600rpx;
    transition-duration: 0.3s;
    transform: translateX(100%);
    text-align: center;
    line-height: 80rpx;
    font-size: 30rpx;
    border-bottom: 2rpx solid #cccccc;

    view {
      position: absolute;
      top: 0rpx;
      left: 20rpx;
      color: #999999;
      font-size: 54rpx;
      font-weight: 100;
    }
  }

  .show .tittit {
    transform: translateX(0%);
  }

  .list-cell {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 24rpx;
    overflow: hidden;
    color: #323233;
    font-size: 14px;
    line-height: 24px;
    background-color: #fff;
    justify-content: space-between;
    align-items: center;

    .list-cell-left {
      display: flex;
      align-items: center;

      .list-cell-left-image {
        width: 60rpx;
        height: 60rpx;
        margin-right: 17rpx;
      }
    }

    .list-cell-right {
      width: 40rpx;
      height: 40rpx;
    }
  }

  .buxian {
    height: 80rpx;
    display: flex;
    align-items: center;
    padding-left: 20rpx;
  }

  .vehicleBrand {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100rpx;

    .vehicleBrand_image {
      width: 100rpx;
      height: 80rpx;
    }

    .vehicleBrand_span {
      font-size: 40rpx;
      font-weight: 400;
      color: #333333;
      margin-left: 5rpx;
    }
  }

  .vehicleBrand-xzcx {
    width: 100%;
    height: 50rpx;
    background-color: #f2f2f2;
    line-height: 50rpx;
    font-size: 32rpx;
    font-weight: 600;
    color: #333333;
    padding-left: 40rpx;
  }

  .vehicleBrand_item {
    display: flex;
    align-items: center;
    margin-bottom: 40rpx;

    .vehicleBrand_item_image {
      width: 142rpx;
      height: 75rpx;
      border-radius: 12rpx;
      margin-left: 50rpx;
    }

    .vehicleBrand_item_span {
      font-size: 30rpx;
      font-weight: 500;
      color: #6f6f6f;
      margin-left: 30rpx;
    }
  }

  /deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
    border-color: #aaa;
  }

  /deep/uni-checkbox .uni-checkbox-input {
    background-color: rgba(0, 0, 0, 0);
    border: 2rpx solid #999;
  }

  /deep/ uni-checkbox-group uni-label {
    margin-bottom: 0;
  }

  /deep/uni-checkbox .wx-checkbox-input,
  /deep/uni-checkbox .uni-checkbox-input {
    width: 38rpx;
    height: 38rpx;
    text-align: center;
  }

  /deep/.uni-checkbox-input-checked {
    background-color: #64b6a8 !important;
    border: 2rpx solid #64b6a8 !important;
  }

  /deep/ uni-checkbox::before {
    font-size: 30rpx;
    margin-top: -16rpx;
    right: 6rpx !important;
  }

  .cutTop {
    height: 110rpx;
    background-color: #fff;
    display: flex;
    align-items: center;
  }

  .tijiao .btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 40rpx;
    margin-top: 25rpx;

    .releaseBtn {
      width: 297rpx;
      height: 80rpx;
      background-color: #64b6a8;
      border-radius: 49rpx;
      font-size: 34rpx;
      font-weight: 400;
      color: #ffffff;
      text-align: center;
      line-height: 80rpx;
    }

    .draftBtn {
      width: 297rpx;
      height: 80rpx;
      border-radius: 49rpx;
      border: 1px solid #64b6a8;
      text-align: center;
      line-height: 80rpx;
      font-size: 34rpx;
      font-weight: 400;
      color: #64b6a8;
    }
  }

  .view {
    position: relative;
    font-size: 32rpx;
    border: 0;
    color: #333333;
    margin-right: 0;

    image {
      position: absolute;
      width: 44rpx;
      height: 24rpx;
      top: 66rpx;
      left: 50%;
      transform: translateX(-50%);
    }
  }

  .cur {
    color: #64b6a8;
    border: 0;
    transform: scale(1.1);
  }

  .tijiao {
    position: fixed;
    width: 100%;
    bottom: 0rpx;
    padding-bottom: 40rpx;
    background-color: #fff;
    z-index: 99;

    .flex {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    checkbox {
      vertical-align: top;
      margin-right: 6rpx;
      margin-left: 40rpx;
    }

    span {
      font-size: 26rpx;
    }
  }

  .jieshao {
    background-color: #fff;

    .kuang {
      position: relative;
      width: 670rpx;
      min-height: 80rpx;
      margin-left: 40rpx;
      padding-bottom: 40rpx;
      background-color: #fff;
      border: 1px solid #c9c9c9;

      textarea {
        width: 620rpx;
        margin-left: 24rpx;
        margin-top: 14rpx;
        line-height: 50rpx;
        letter-spacing: 2rpx;
      }

      p {
        position: absolute;
        bottom: 20rpx;
        right: 20rpx;
        color: #999999;
      }
    }
  }

  .cu-form-group {
    position: relative;
  }

  uni-checkbox-group {
    width: 72% !important;
  }

  .cu-form-group picker .picker {
    text-align: left;
  }

  .cu-form-group .title {
    font-weight: 600;
    font-size: 34rpx;
  }

  .radio {
    font-size: 34rpx;
    margin-right: 40rpx;

    radio {
      margin-right: 10rpx;
    }
  }

  .grid.col-4.grid-square > uni-view {
    width: 212rpx;
    height: 212rpx;
  }

  .grid.col-4.grid-square > uni-view:nth-child(3n) {
    margin-right: 0;
  }

  .cu-form-group uni-picker .picker {
    font-size: 34rpx;
  }

  .picker1 {
    position: relative;
    text-align: left;
    width: 576rpx;
    padding-right: 60rpx;
    height: 100rpx;
    line-height: 100rpx;
    color: #666;
  }

  .picker1::after {
    font-family: cuIcon;
    display: block;
    content: '\e6a3';
    position: absolute;
    font-size: 34rpx;
    color: #8799a3;
    line-height: 100rpx;
    width: 60rpx;
    text-align: center;
    top: 0;
    bottom: 0;
    right: -20rpx;
    margin: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
  }

  /deep/uni-radio .wx-radio-input,
  /deep/uni-radio .uni-radio-input {
    width: 46rpx;
    height: 46rpx;
  }

  /deep/.uni-radio-input-checked {
    background-color: #64b6a8 !important;
    border-color: #64b6a8 !important;
  }

  .textarea {
    min-height: 200rpx;
  }

  /deep/.uni-textarea-textarea {
    font-size: 28rpx;
    color: #000;
  }

  .scroll-view {
    padding-bottom: 100rpx;
    /* #ifdef MP  */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef H5 || APP-PULS */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
    /* #ifdef APP */
    height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
    /* #endif */
  }

  .uni-progress {
    margin-bottom: 2px;
  }

  /deep/.uni-progress-inner-bar {
    background-color: rgb(100 182 168) !important;
    border-radius: 25px;
  }

  .bindPublicSuccess_frame {
    overflow: hidden;
    padding: 30rpx 20rpx;
    width: 600rpx;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10rpx;
    font-weight: 500;
    color: #ffffff;
    line-height: 40rpx;

    image {
      margin-right: 10rpx;
      width: 28rpx;
      height: 28rpx;
    }

    .binds_frame_t {
      margin-bottom: 19rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 32rpx;
    }

    .binds_frame_c {
      text-align: left;
      font-size: 24rpx;
      white-space: nowrap;
      text-align: center;
    }
  }

  .cu-form-group-title {
    .title {
      line-height: 100rpx;
    }

    align-items: flex-start;
  }

  .cu-form-group .textarea1 {
    line-height: 42rpx;
    width: 100%;
    height: auto;
    font-size: 30rpx;
    padding-right: 80rpx;
    margin-top: 26rpx;
  }

  .motaikuang {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;

    .verify {
      position: fixed;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }

  .motaikuang2 {
    .tips {
      position: fixed;
      bottom: 0;
      width: 100%;
      background: #fff;
      left: 0;
      padding: 40rpx 30rpx 100rpx;
      border-radius: 50rpx 50rpx 0 0;
      box-sizing: border-box;

      .text {
        margin-bottom: 48rpx;
      }

      .btns {
        display: flex;

        .btn {
          height: 90rpx;
          width: 50%;

          &:first-child {
            background: #f2f2f2;
            border-radius: 10rpx 0rpx 0rpx 10rpx;
          }

          &:last-child {
            background: #64b6a8;
            color: #fff;
            border-radius: 0rpx 10rpx 10rpx 0rpx;
          }
        }
      }
    }

    .tags {
      color: #64b6a8;
      display: inline-block;
    }
  }
</style>
